<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/wode.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		
		<!--  主题内容组件     -->
		<div id="allcontent" style=" background: none;" class="mui-content">
			<div id="wode_content_zhong" class="wode_zhong">
				<div class="wode_zhong_one" data-href="weifukuan.html">
					<span class="mui-icon iconfont icon-daifukuan"></span>
					<p>待付款</p>
				</div>
				<div class="wode_zhong_one" data-href="yifukuan.html">
					<span class="mui-icon iconfont icon-bao"></span>
					<p>已付款</p>
				</div>
				<div class="wode_zhong_one" data-href="aaaa.html">
					<span class="mui-icon iconfont icon-lishi"></span>
					<p>浏览历史</p>
				</div>
				<div class="wode_zhong_one" data-href="yanzheng.html">
					<span class="mui-icon iconfont icon-tousuyujianyi01"></span>
					<p>我的建议</p>
				</div>
			</div>
			<ul id="mysoming" class="mui-table-view">
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="myorder.html">
			        	<span class="mui-icon iconfont icon-calendar"></span>
			        	<p>我的订单</p>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="gouwuche.html">
			        	<span class="mui-icon iconfont icon-gouwuche"></span>
			        	<p>我的购物车</p>
			        </a>  
			    </li>
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="integralmall.html">
			        	<span class="mui-icon iconfont icon-gouwudai"></span>
			        	<p>积分商城</p>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="myfinance.html">
			        	<span class="mui-icon iconfont icon-m-jinrong"></span>
			        	<p>我的金融</p>
			        </a>
			        
			    </li>
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="myaddress.html">
			        	<span class="mui-icon iconfont icon-dingwei"></span>
			        	<p>我的地址</p>
			        </a>
			       
			    </li>
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="callcenter.html">
			        	<span class="mui-icon iconfont icon-ren-copy"></span>
			        	<p>客服中心</p>
			        </a>
			        
			    </li>
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="mysettings.html">
			        	<span class="mui-icon iconfont icon-shezhi"></span>
			        	<p>设置</p>
			        </a>
			    </li>
			</ul>
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
			
		</script>
		<script>
			$.getJSON("../json/data.json",function(data){
				var wode_header ="";
				//headr
				$.each(data[2].wode02_head,function(infoIndex,info){
					wode_header +='<div style="background: url(' + info.header_bg + ');" class="top_perpeo">';
					wode_header +='<a id="yonghuxinxi" data-href=' + info.header_href + '>';
					wode_header +='<span class="zhuangfa">';
					wode_header +='<span style="color: #DDDDDD" class="mui-icon iconfont icon-bianji"></span>';
					wode_header +='</span></a>';
					wode_header +='<div class="touxiang">';
					wode_header +='<img src=' + info.header_touxiang + '>';
					wode_header +='</div>';
					wode_header +='<p>' + info.header_zhanghao + '</p><br />';
					wode_header +='<a id="yanzheng" data-href=' + info.header_href2 + '>';
					wode_header +='<span class="shenqing">' + info.header_yanzheng + '</span>';
					wode_header +='</a>';
					wode_header +='</div>';
				});
				$(wode_header).insertBefore("#wode_content_zhong");
			});
//				//中部
//				
//				$.each(data[3].wode03_zhong,function(infoIndex,info){
//					wode_zhongs  ='<a href=' + info.zhong_href + '>';
//					wode_zhongs  ='<div class="wode_zhong_one">';
//					wode_zhongs  ='<span class=' + info.zhong_icon + '></span>';
//					wode_zhongs  ='<p>' + info.zhong_word + '</p>';
//					wode_zhongs  ='</div>';
//					wode_zhongs  ='</a>';
////					alert(info.zhong_href)
//				})
//				$("#wode_content_zhong").html(wode_zhongs);
//				//底部
//				var wode_bottom="";
////				$("#mysoming").empty();
//				$.each(data[4].wode04_bottom.length,function(infoIndex,info){
//					wode_bottom  ='<li class="mui-table-view-cell mui-collapse">';
//					wode_bottom  ='<a class="mui-navigate-right" href=' + info.zhong_href + '>';
//					wode_bottom  ='<span class=' + info.zhong_icon + '></span>';
//					wode_bottom  ='<p>' + info.zhong_word + '</p>';
//					wode_bottom  ='</a>';
//					wode_bottom  ='</li>';
//				})
//				$("#mysoming").html(wode_bottom);
//			})
			/*mui.plusReady(function(){*/
				gotoShopDetail();
				gotohistroy();
			/*})*/
			mui.plusReady(function(){
				gotoShopDetail();
				gotohistroy();
				yanzheng();
				xinxixiugai();
			})
			//列表链接
			function gotoShopDetail() {
				var list = document.getElementsByClassName("mui-navigate-right");
				var urlid = "";
				for (var i = 0, len = list.length; i < len; i++) {
					list[i].addEventListener("tap", function() {
						urlid = this.getAttribute("href");
						mui.openWindow({
							url: urlid,
							id: urlid,
							waiting: {
								autoShow: false
							},
							extras: {
								urlid: urlid
							}
						});
					});
				}
			}
			//付款、未付款、浏览历史、建议 链接
			function gotohistroy(){
				var list = document.getElementsByClassName("wode_zhong_one");
				var urlid = "";
				for (var i = 0, len = list.length; i < len; i++) {
					list[i].addEventListener("tap", function() {
						urlid = this.getAttribute("data-href");
						mui.openWindow({
							url: urlid,
							id: urlid,
							waiting: {
								autoShow: false
							},
							extras: {
								urlid: urlid
							}
						});
					});
				}
			}
			//申请验证跳转
			function yanzheng(){
				document.getElementById("yanzheng").addEventListener('tap',function(){
					var urlid=this.getAttribute("data-href");
					mui.openWindow({
						url: urlid,
						id: urlid,
						waiting: {
							autoShow: false
						},
						extras: {
							urlid: urlid
						}
					});
				})
			}
			//修改信息
			function xinxixiugai(){
				document.getElementById("yonghuxinxi").addEventListener('tap',function(){
					var urlid=this.getAttribute("data-href");
					mui.openWindow({
						url: urlid,
						id: urlid,
						waiting: {
							autoShow: false
						},
						extras: {
							urlid: urlid
						}
					});
				})
			}
		</script>
	</body>

</html>
